<!--
 * @Author: your name
 * @Date: 2019-10-22 09:06:18
 * @LastEditTime: 2019-11-02 09:48:52
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /e:\yjp\my_test\vue_plugins\src\views\Websocket.vue
 -->
<template>
<div class="container">
     <van-nav-bar title="渐进式图片加载" left-arrow  fixed :border="false"
      @click-left='$router.push("/")'/>
    <BScroll >
        <progressive-img 
        placeholder="https://unsplash.it/1920/1080?image=10"
        src="https://img.500px.me/photo/0ebd3c47e451eacf1a201ff658b178990/f7f37572d24e4be88528bdbcd9321c17.jpg!p5"
        /> 
        <!-- <progressive-img
        src="https://unsplash.it/1920/1080?image=10"
        placeholder="https://unsplash.it/1920/1080?image=10"
        :blur="30"
        /> -->
        <progressive-background src="https://unsplash.it/1920/1080?image=10" /> 
        <progressive-background src="@/assets/images/timg.jpg" /> 
        
        <!-- <progressive-img 
        src=""
        />   -->
        <!-- <progressive-img 
        src="https://cdn.dribbble.com/assets/art-banners/doggo_3d-8ef690713fd161f486c543a50f8badd5c86840005737a15018463397cf347b55.gif"
        placeholder="../assets/error.png"
        />    -->
        
    </BScroll>
</div>
</template>
<script>
export default {
    name:"ProgressImg",
    data(){
        return{
            list:[],
        }
    }
}
</script>
<style lang="less" scoped>
.scroll{
    // margin-top: 50px;
}
</style>